<!DOCTYPE html>
<html lang="en" id="width">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no"
    />
    <link href="./css/zeng/sytle/reset.css" rel="stylesheet" />
    <link href="./css/zeng/sytle/1px.css" rel="stylesheet" />
    <link href="./css/zeng/sytle/travelDetall.css" rel="stylesheet" />
    <title>旅游详情页</title>
  </head>

  <body>
    <!-- 头部 -->
    <header>
      <a href="javascript:history.go(-1)"><img src="./images/zeng/icon/arrow_03.png" /></a>
      <p class="title">产品详情</p>
      <div class="icon">
        <span class="collection"></span>
        <p class="down">
          <span></span>
          <span></span>
          <span></span>
        </p>
      </div>
    </header>
    <div class="contains">
      <!-- banner -->
      <section class="banner">
        <img src="./images/zeng/img/banner-detail0412_01.jpg" />
        <div class="label">
          <h3>
            <span>北京出发</span>
            &nbsp;&nbsp;i旅行
          </h3>
          <p>编号：1020304050</p>
        </div>
      </section>
      <!-- 标题 -->
      <section class="introduce">
        <p>海南三亚5日4晚半自助游(5钻)【壕减3000】喜来登品牌海景房</p>
        <span class="masonry"></span>
        <div class="money">
          <p>
            <span>￥</span>
            2810
            <b>/人起</b>
          </p>
          <span class="but">旅游狂欢趴</span>
          <span class="but">三亚湾</span>
          <span class="but">蜈支洲岛</span>
        </div>
      </section>
      <!-- 优惠信息 -->
      <section class="discount">
        <ul>
          <li>
            <span class="sale">立减</span>
            <div class="text">
              <p>
                <b></b>
                &nbsp;&nbsp;多人优惠，2人起立减200元/单
              </p>
              <p>
                <b></b>
                【提前5天预定，5成人，优惠300/单】 3/01-4/30
              </p>
            </div>
          </li>

          <li>
            <span class="sale">优惠</span>
            <div class="text">
              <p>
                <b></b>
                &nbsp;&nbsp;勾搭去旅游限时优惠券
              </p>
              <p>
                <b></b>
                【攻略专享】旅游优惠券
              </p>
            </div>
          </li>
        </ul>
        <span class="arrow"><img src="./images/zeng/icon/right.png" /></span>
      </section>

      <!-- 横线 -->
      <section class="line"></section>

      <!-- 评价 -->
      <section class="results">
        <div class="num">
          <p class="big">
            <span>4.9</span>
            分点评
          </p>
          <p class="small">
            <span>1126</span>
            人出游
          </p>
        </div>
        <ul>
          <li>
            <span>导游讲解4.8分</span>
            <span>领队服务4.7分</span>
            <span>行程安排4.6分</span>
          </li>
          <li>
            <span>导游讲解4.8分</span>
            <span>领队服务4.7分</span>
          </li>
        </ul>
        <div class="evaluation">
          <div class="name">
            <p>思****209</p>
            <p>2016-12-01</p>
          </div>
          <p class="text">
            凌晨到达的，住宿很满意，导游十分负责人。这次旅行还是很尽兴的，三亚很美，蜈支洲岛很仙。王导还自掏腰包供应水和吃水果，感谢
          </p>
          <a href="javascript:;" class="button">查看全部评价</a>
        </div>
      </section>

      <!-- 横线 -->
      <section class="line"></section>
      <!-- 产品 -->
      <section class="product">
        <ul class="btn">
          <li class="active">
            产品特色
            <span></span>
          </li>
          <li>
            行程详情
            <span></span>
          </li>
          <li>
            预定须知
            <span></span>
          </li>
        </ul>
        <img src="./images/zeng/img/qing.jpg" />
      </section>

      <!-- 行程 -->
      <section class="trip">
        <ul class="btn">
          <li>
            产品特色
            <span></span>
          </li>
          <li class="active">
            行程详情
            <span></span>
          </li>
          <li>
            预定须知
            <span></span>
          </li>
        </ul>
        <img src="./images/zeng/img/time.jpg" />
      </section>

      <!-- 预定 -->
      <section class="reservation">
        <ul class="btn">
          <li>
            产品特色
            <span></span>
          </li>
          <li>
            行程详情
            <span></span>
          </li>
          <li class="active">
            预定须知
            <span></span>
          </li>
        </ul>
        <p class="one">
          (本产品由北京致远国际旅行社有限公司提供产品销售、资源确认、合同签署、行程安排等全部环节的旅游服务。在您付款成功、并且商家给您最终确认后，商家与您的合同方能生效。在合同生效之前，用户与商家双方均有权更改或取消订单，且无须承担任何损失。)
        </p>

        <p>
          <span>费用包含</span>
          1.往返机票、燃油附加费（以实际收费标准为准）、机场建设费。
          <br />
          2. 行程所列酒店住宿费用。
          <br />
          3.酒店押金需客人前台付，酒店房型默认为双标床，如需大床房，请提前告知，我司可根据酒店房态尽量安排，不保证哦！
          <br />
          4.行程内所列餐食(具体请参考行程推荐，自理除外)。
          <br />
          5.当地中文导游服务。
          <br />
          6.8人以下司机兼导游。
          <br />
          7.行程中所列景点首道大门票，蜈支洲、槟榔谷、亚龙湾。
          <br />
          8.儿童价特殊说明：2岁以上1.2米以下儿童只含半价正餐+车位，其他超高费用需自理。由于成人价格是按团队进行报价，如儿童按成人提交无任何费用可退，请知晓。
        </p>

        <p>
          <span>自理费用</span>
          1.由于跟团推荐的自费项目门票，已经为旅行社折扣价格，所以客人自行购买自费项目的门票，需要补导游80元/人/项目的费用方可跟车参加。
          <br />
          2.单人出行必须选择单房差，3成人及以上出行如不补单房差选择加床，全程入住福朋喜来登酒店需现补400元/人差价现补给导游方可安排加床。
          <br />
          3.因交通延阻、罢工、天气、飞机、机器故障、航班取消或更改时间等不可抗力原因所导致的额外费用。
          <br />
          4.酒店内洗衣、理发、电话、传真、收费电视、饮品、烟酒等个人消费。
          <br />
          5. 以上“费用包含”中不包含的其它项目。
        </p>
      </section>
    </div>

    <footer>
      <div class="icon">
        <span></span>
        <span></span>
        <span></span>
      </div>
      <a href="data.html">开始预定</a>
    </footer>

    <script src="./js/zeng/travelDetall.js"></script>
  </body>
</html>
